<template>
  <div>
    <!-- <div class="footer_top">
      <div class="title_common">
        - 合作伙伴 -
      </div>
      <div class="bd">
        <ul>
          <li>
            <a href="http://www.baidu.com" target="_blank">
              <div class="pic">
                <img src="https://cms-test.wtwuxicenter.com/cms/img/content/20220211/1644544822939_1.png" height="56">
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.baidu.com" target="_blank">
              <div class="pic">
                <img src="https://cms-test.wtwuxicenter.com/cms/img/content/20220211/1644545542851_1.jpg" height="56">
              </div>
            </a>
          </li>
          <li>
            <a href="http://www.baidu.com" target="_blank">
              <div class="pic">
                <img src="https://cms-test.wtwuxicenter.com/cms/img/content/20230327/1679899684125_1.png" height="56">
              </div>
            </a>
          </li>
        </ul>
      </div>
    </div> -->
    <div class="footer">
      <div class="container" style="font-size: 14px">
        <div style="display: flex; padding: 30px 0;justify-content: space-between">
          <div style="width: 336px;">
            <img src="https://cms2.wtwuxicenter.com/cms/img/site/20210312/1615532153396_1.png" width="100%" height="144">
          </div>
          <div>
            <div>
              <div class="text_left">邮编：214000</div>
              <div class="text_left">微信：15606190026</div>
              <div class="text_left">QQ：497118883</div>
              <div class="text_left">
                江苏省 无锡市 太湖新城 和风路与清舒交叉口东北100米
              </div>
            </div>
          </div>
          <div>
            <div class="text_left">客服及报障电话：15606190026</div>
            <div class="text_left">客服及报障邮箱：info@jijinsports.com</div>
          </div>
          <div class="qrcode-box">
            <img src="https://cms.wtwuxicenter.com/cms/img/site/20210312/1615532107158_1.jpg">
            <div style="text-align: center;">扫码关注</div>
          </div>
          <div class="qrcode-box">
            <img src="https://cms.wtwuxicenter.com/cms/img/site/20210312/1615532109656_1.jpg">
            <div style="text-align: center;">微博关注</div>
          </div>
        </div>
        <div style="border-top: 1px solid #fff; display: flex">
          <div style="flex: 1; text-align: center;padding: 15px 0;font-size: 15px;line-height: 20px;">
            版权所有 © 2020 新跆联无锡赛事管理有限公司
            <span style="padding-left: 6px;">
              ICP备案/许可证编号：
            </span>
            <a href="https://beian.miit.gov.cn/" target="_blank" style="color: #ffffff">苏ICP备2020068156号</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {}
};
</script>

<style scoped>
.footer_top {
  background: #222222;
  padding: 50px 0;
}
.footer {
    background: #161616;
    color: #fff;
}
.container {
    width: 1280px;
    margin: 0 auto;
}
.qrcode-box img{
  width: 104px;
  height: 104px;
  margin-bottom: 10px;
}
.text_left {
  line-height: 36px;
  font-size: 15px;
  color: #fff;
  text-align: left;
}
.title_common {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
  line-height: 37px;
  color: #fff;
}
.bd {
  width: 804px;
  padding-top: 50px;
  margin: 0 auto;
}
.bd ul {
  display: flex;
  flex-wrap: wrap;
  margin: -5px;
}
.bd ul li {
  width: 20%;
  padding: 5px;
  overflow: hidden;
}
.pic {
  overflow: hidden;
}
.pic img {
  width: 100%;
  border-radius: 20px;
}
</style>
